﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/CompanyConsole.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadHolder" runat="server">
<script type="text/javascript">
    $(function () {
        myAccordion.showThisHideOpen(contents[0]);
        $('#nav ul li img').click(function () {
            var src = $(this).attr('src');
            $("#nav ul li img.active").fadeTo(200, 0.6)
                .removeClass("active")
            	.animate({ top: 5, width: 70, left: 1 }, 300)
            	.parent().css({ "color": "#aaa" });
            $(this).animate({ top: -5, width: 70, height: 40, left: 1 }, 100)
                .addClass("active")
            	.fadeTo(200, 1)
            	.parent().css({ "color": "white" });
            $('#lblword').text($(this).attr('title'));
            $('#lbllink').text($(this).attr('src'));
            $("#back a").children().addClass("gray").end()
                .fadeTo(500, 1, function () {
                    $(this).children("img").attr('src', src).removeClass("gray");
                });
        });
        $('#nav ul li img').eq(0).trigger('click');
    });
    function show() {
        var element = $('#nav ul li img');
        var imgsrc = $(element).attr('src');
        //如果已经处于active状态，return
        if ($(element).attr('class').indexOf("active") != -1) return;
        $("#nav ul li img.active").fadeTo(200, 0.6)
                .removeClass("active")
            	.animate({ top: 5, width: 70, left: 1 }, 300)
            	.parent().css({ "color": "#aaa" });
        $(element).animate({ top: -5, width: 70, height: 40, left: 1 }, 100)
                .addClass("active")
            	.fadeTo(200, 1)
            	.parent().css({ "color": "white" });
        $("#back a").children().addClass("gray").end()
                .fadeTo(500, 1, function () {
                    $(this).children("img").attr("src", imgsrc).removeClass("gray");
                    $(this).attr('href', $(element).siblings('div').text());
                });
    }
</script>
<style type="text/css">
#nav {
	BACKGROUND: url(/Content/images/Console/loadsmall.gif) #000 no-repeat 330px 100px;
	OVERFLOW: hidden;
	POSITION: absolute;
	WIDTH: 685px;
	HEIGHT: 255px;
}
#nav UL {
	Z-INDEX: 999;
	LEFT: 55px;
	BOTTOM: 0px;
	POSITION: absolute;
}
#nav UL LI {
	DISPLAY: block;
	FONT-WEIGHT: 900;
	FONT-SIZE: 12px;
	FLOAT: left;
	WIDTH:100px;
	COLOR: #aaa;
	FONT-FAMILY: Arial;
	POSITION: relative;
	HEIGHT: 50px
}
#nav LI IMG {
	BORDER-RIGHT: #fff 1px solid;
	BORDER-TOP: #fff 1px solid;
	FILTER: alpha(opacity=60);
	LEFT: 1px;
	FLOAT: left;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 70px;
	CURSOR: pointer;
	MARGIN-RIGHT: 4px;
	BORDER-BOTTOM: #fff 1px solid;
	POSITION: absolute;
	TOP: 5px;
	HEIGHT: 40px;
	moz-opacity: 0.6
}

#BG {
	BORDER-TOP: #999 1px solid;
	BACKGROUND: #000;
	FILTER: alpha(opacity=60);
	WIDTH: 100%;
	BOTTOM: -1px;
	POSITION: absolute;
	HEIGHT: 50px;
	TEXT-ALIGN: right;
	moz-opacity: 0.6
}
#mask {
	Z-INDEX: 990;
	LEFT: 0px;
	WIDTH: 685px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 255px;
	border: 1px solid #5c5c5c;
}
#back {
	TEXT-ALIGN: center
}
.gray {
	FILTER: Gray()
}
.row{ width:400px; height:30px; }
.row .label{ width:150px; float:left; }
.row .field{ width:250px;}
.action{}
</style>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="BodyHolder" runat="server">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="17" height="29" valign="top" background="/Content/images/Console/mail_leftbg.gif">
                <img src="/Content/images/Console/left-top-right.gif" width="17" height="29" />
            </td>
            <td width="935" height="29" valign="top" background="/Content/images/Console/content-bg.gif">
                <table width="100%" height="31" border="0" cellpadding="0" cellspacing="0" class="left_topbg"
                    id="table2">
                    <tr>
                        <td height="31">
                            <div class="titlebt">
                                宣传册管理</div>
                        </td>
                    </tr>
                </table>
            </td>
            <td width="16" valign="top" background="/Content/images/Console/mail_rightbg.gif">
                <img src="/Content/images/Console/nav-right-bg.gif" width="16" height="29" />
            </td>
        </tr>
        <tr>
            <td height="71" valign="middle" background="/Content/images/Console/mail_leftbg.gif">
                &nbsp;
            </td>
            <td valign="top" bgcolor="#F7F8F9">
                <table width="100%" height="500" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td height="13" valign="top">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td class="left_txt" style="border-bottom:1px solid #aaa;">
                                        当前位置：宣传册管理
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div style="height:300px;">
                                        <div id="nav" style="margin-top:10px; margin-left:50px;">
                                        <ul>
                                        <%var list = ViewData["Data"] as List<DefaultDataPack>;
                                          foreach (var item in list)
                                          { %>
                                           <li><img src="<%:item.URL %>" title="<%:item.TITLE %>" /></li>
                                        <%} %>
                                        </ul>
                                        <div id="BG"></div>
                                        <div id="mask"></div>
                                        <div id="back"><a href="javascript:;"><img height=255 src="" width=685 /></a></div>
                                      </div>
                                      </div>
                                      <div>
                                          <div class="row">
                                            <div class="label">宣传语：</div>
                                            <div class="field"><label id="lblword" /></div>
                                          </div>
                                          <div class="row">
                                            <div class="label">关联连接：</div>
                                            <div class="field">企业动态 <a target="_blank" href="javascript:;">查看</a></div>
                                          </div>
                                      </div>
                                      <div>
                                        <div class="action"></div>
                                      </div>
                                    </td>
                                </tr>
                            </table>
                           
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td valign="middle" background="/Content/images/Console/mail_leftbg.gif">
                <img src="/Content/images/Console/buttom_left2.gif" width="17" height="17" />
            </td>
            <td height="17" valign="top" background="/Content/images/Console/buttom_bgs.gif">
                <img src="/Content/images/Console/buttom_bgs.gif" width="17" height="17" />
            </td>
            <td background="/Content/images/Console/mail_rightbg.gif">
                <img src="/Content/images/Console/buttom_right2.gif" width="16" height="17" />
            </td>
        </tr>
    </table>
</asp:Content>
